<script setup lang="ts" name="Lazy">
import vLazy from '@/directive/lazy'
const baseUrl = 'https://1485642186.oss-cn-hangzhou.aliyuncs.com/image/girl/Screenshot_20230223'
</script>

<template>
  <section class="w200 my10vh h-80vh border border-pink overflow-scroll">
    <template v-for="item in 11" :key="item">
      <img v-lazy="`${baseUrl}_${item}.jpg`" alt="" class="w-full" />
    </template>
  </section>
</template>
